<div class="col-12">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{.label}}</h3>
            <div class="card-tools">

                <div class="input-group input-group-sm" style="width: 250px;">
                    <a  class="btn btn-success btn-sm"  data-toggle="modal" data-target="#addMenuModal">
                        <i class="fa fa-plus "></i>
                    </a>
                    <input id="search-menu" type="text" class="form-control float-right" placeholder="Search" value="{{ .key }}">
                    <div class="input-group-append">
                        <a type="submit" class="btn btn-default" id="search-menu-a">
                            <i class="fa fa-search" style="color: grey"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive p-0">
            <table class="table table-bordered table-hover text-nowrap">
                <thead>
                <tr>
                    <th class="td-text">ID</th>
                    <th style="vertical-align: middle;width: 200px">标题</th>
                    <th class="td-text">图标</th>
                    <th style="vertical-align: middle;width: 200px">规则</th>
                    <th class="td-text">权重</th>
                    <th class="td-text">状态</th>
                    <th class="td-text">菜单</th>
                    <th class="td-text"><a href="javascript:;" class="btn btn-info btn-xs btn-toggle" style="font-size: 10px">
                            <i class="fa fa-chevron-down"></i></a>
                    </th>
                    <th class="td-text">操作</th>
                </tr>
                </thead>
                <tbody>
                {{ range  .menu_list }}
                    <tr status="{{ .Status }}">
                        <td class="td-text">{{ .ID }}</td>
                        {{ if .PMenu }}
                            <td>├  {{ .MenuTitle}}</td>
                        {{ else }}
                            <td>{{ .MenuTitle}}</td>
                        {{end}}
                        <td class="td-text"><span class="fa {{ .MenuIcon }}"></span></td>
                        <td style="vertical-align: middle">{{ .MenuUrl}}</td>
                        <td class="td-text">{{ .MenuWeight }}</td>
                        <td class="td-text" name="menu-status"><span class="text-success"><i class="fa fa-circle"></i> {{ .Status }}</span></td>
                        <td class="td-text">
                            {{if .IsMenu }}
                            <a href="javascript:;"  class="btn-change" >
                                <i class="fa fa-toggle-on text-success fa-2x"></i>
                            </a>
                             {{else }}
                                <a href="javascript:;"  class="btn-change" >
                                    <i class="fa fa-toggle-off text-info fa-2x"></i>
                                </a>
                            {{ end }}
                        </td>
                        <td class="td-text">
                            <a href="javascript:;"   class="btn btn-xs btn-success btn-node-sub disabled" >
                                <i class="fa fa-sitemap"></i>
                            </a>
                        </td>
                        <td class="td-text">
                            <a class="btn btn-xs btn-info" id="{{ .ID }}" name="edit-menu"  data-toggle="tooltip" data-placement="top" title="修改">
                                <span class="fa fa-edit"></span>
                            </a>

                            <a class="btn btn-xs btn-danger" id="{{ .ID }}" name="del-menu" data-toggle="tooltip" data-placement="top" title="删除">
                                <span class="fa fa-trash"></span>
                            </a>
                        </td>
                    </tr>

                    {{ range  .MenuLevel }}
                        <tr status="{{ .Status }}">
                            <td class="td-text">{{ .ID }}</td>
                            {{ if .PMenu }}
                                <td>  ├  {{ .MenuTitle}}</td>
                            {{ else }}
                                <td>{{ .MenuTitle}}</td>
                            {{end}}
                            <td class="td-text"><span class="fa {{ .MenuIcon }}"></span></td>
                            <td style="vertical-align: middle">{{ .MenuUrl}}</td>
                            <td class="td-text">{{ .MenuWeight }}</td>
                            <td class="td-text" name="menu-status"><span class="text-success"><i class="fa fa-circle"></i> {{ .Status }}</span></td>
                            <td class="td-text">
                                {{if .IsMenu }}
                                    <a href="javascript:;"  class="btn-change" >
                                        <i class="fa fa-toggle-on text-success fa-2x"></i>
                                    </a>
                                {{else }}
                                    <a href="javascript:;"  class="btn-change" >
                                        <i class="fa fa-toggle-off text-info fa-2x"></i>
                                    </a>
                                {{ end }}
                            </td>
                            <td class="td-text">
                                <a href="javascript:;" name="show-child" menu_id="{{ .ID }}"  class="btn btn-xs btn-success btn-node-sub" >
                                    <i class="fa fa-sitemap"></i>
                                </a>
                            </td>
                            <td class="td-text">
                                <a class="btn btn-xs btn-info" id="{{ .ID }}" name="edit-menu"  data-toggle="tooltip" data-placement="top" title="修改">
                                    <span class="fa fa-edit"></span>
                                </a>

                                <a class="btn btn-xs btn-danger" id="{{ .ID }}" name="del-menu" data-toggle="tooltip" data-placement="top" title="删除">
                                    <span class="fa fa-trash"></span>
                                </a>
                            </td>
                        </tr >
                        {{ range  .CMenus }}
                            <tr status="{{ .Status }}" pmenu="{{ .PMenu }}" name="child-tr">
                                <td class="td-text">{{ .ID }}</td>
                                {{ if .PMenu }}
                                    <td>    │ ├  {{ .MenuTitle}}</td>
                                {{ else }}
                                    <td>{{ .MenuTitle}}</td>
                                {{end}}
                                <td class="td-text"><span class="fa {{ .MenuIcon }}"></span></td>
                                <td style="vertical-align: middle">{{ .MenuUrl}}</td>
                                <td class="td-text">{{ .MenuWeight }}</td>
                                <td class="td-text" name="menu-status"><span class="text-success"><i class="fa fa-circle"></i> {{ .Status }}</span></td>
                                <td class="td-text">
                                    {{if .IsMenu }}
                                        <a href="javascript:;"  title="" class="btn-change" data-id="{{.IsMenu}}">
                                            <i class="fa fa-toggle-on text-success fa-2x"></i>
                                        </a>
                                    {{else }}
                                        <a href="javascript:;"  title="" class="btn-change" data-id="{{.IsMenu}}">
                                            <i class="fa fa-toggle-off text-gray fa-2x"></i>
                                        </a>
                                    {{ end }}
                                </td>
                                <td class="td-text">
                                    <a href="javascript:;"  class="btn btn-xs btn-success btn-node-sub disabled" >
                                        <i class="fa fa-sitemap"></i>
                                    </a>
                                </td>
                                <td class="td-text">
                                    <a class="btn btn-xs btn-info" id="{{ .ID }}" name="edit-menu"  data-toggle="tooltip" data-placement="top" title="修改">
                                        <span class="fa fa-edit"></span>
                                    </a>

                                    <a class="btn btn-xs btn-danger" id="{{ .ID }}" name="del-menu" data-toggle="tooltip" data-placement="top" title="删除">
                                        <span class="fa fa-trash"></span>
                                    </a>
                                </td>
                            </tr>
                        {{ end }}

                    {{ end }}
                {{ end }}

                </tbody>
            </table>
        </div>

        <!-- /.card-body -->
        <div class="card-footer clearfix">
        </div>
    </div>
    <!-- /.card -->
</div>

<!--模态框-->
<!--添加-->
<div class="modal fade" id="addMenuModal" tabindex="-1" role="dialog" aria-labelledby="addMenuModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header color-back">
                <h6 class="modal-title pull-left" id="addMenuModalLabel">添加</h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;font-family: -webkit-pictograph;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">菜单:</label>
                    <div class="col-sm-6">
                        <div class="radio" style="margin-top: 8px">
                            <label style="margin-right: 20px"><input  name="is-menu"  checked="checked"  type="radio" value="true"> 是</label>
                            <label ><input name="is-menu"  type="radio" value="false"> 否</label>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">父级:</label>
                    <div class="col-sm-6">
                        <select class="form-control my-radius" id="p-menu" style="margin-bottom: 15px">
                            <option value="0">无</option>
                            {{ range .menu_level_list }}
                            <option value="{{ .ID }}"> {{.MenuTitle}} </option>
                                {{ range .CMenus }}
                                    <option value="{{ .ID }}">├  {{.MenuTitle}} </option>
                                {{end }}
                            {{end}}
                        </select>
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">标题:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="标题" id="menu-title">
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">图标:</label>
                    <div class="col-sm-6">
                        <div class="input-group input-group-sm">
                            <input  type="text" name="table_search" class="form-control float-right my-radius" placeholder="Search" id="menu-icon">
                            <div class="input-group-append">
                                <a type="submit" class="btn btn-default" id="search-role-a" data-toggle="modal" data-target="#IconModal">
                                    <i class="fa fa-search" style="color: grey"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group row" id="div-url" style="display: none">
                    <label  class="col-sm-3 col-form-label text-right">URL:</label>
                    <div class="col-sm-6">
                        <input class="form-control my-radius" placeholder="URL：/index/" id="menu-url">
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">权重:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="权重：99" id="menu-weight" value="0">
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">状态:</label>
                    <div class="col-sm-6">
                        <div class="radio" style="margin-top: 8px" id="menu-status">
                            <label style="margin-right: 20px"><input  name='menu-status' checked="checked"  type="radio" value="true"> 显示</label>
                            <label ><input  name='menu-status'  type="radio" value="false"> 隐藏</label>
                        </div>
                    </div>
                </div>

            </div>

            <div class="modal-footer color-gray">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info" id="add-menu-sub">提交</button>
            </div>
        </div>
    </div>
</div>
<!--/添加-->

<!--修改-->
<div class="modal fade" id="editMenuModal" tabindex="-1" role="dialog" aria-labelledby="editMenuModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header color-back">
                <h6 class="modal-title pull-left" id="editMenuModalLabel">修改</h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;font-family: -webkit-pictograph;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">菜单:</label>
                    <div class="col-sm-6">
                        <div class="radio" style="margin-top: 8px">
                            <label style="margin-right: 20px"><input  name="edit-is-menu" type="radio" value="true"> 是</label>
                            <label ><input name="edit-is-menu"  type="radio" value="false"> 否</label>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">父级:</label>
                    <div class="col-sm-6">
                        <select class="form-control my-radius" id="edit-p-menu" style="margin-bottom: 15px">
                            <option value="0">无</option>
                            {{ range .menu_level_list }}
                                <option value="{{ .ID }}"> {{.MenuTitle}} </option>
                                {{ range .CMenus }}
                                    <option value="{{ .ID }}">├  {{.MenuTitle}} </option>
                                {{end }}
                            {{end}}
                        </select>
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">标题:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="标题" id="edit-menu-title">
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">图标:</label>
                    <div class="col-sm-6">
                        <div class="input-group input-group-sm">
                            <input  type="text" name="table_search" class="form-control float-right my-radius" placeholder="Search" id="edit-menu-icon">
                            <div class="input-group-append">
                                <a type="submit" class="btn btn-default" data-toggle="modal" data-target="#IconModal">
                                    <i class="fa fa-search" style="color: grey"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group row" id="edit-div-url" >
                    <label  class="col-sm-3 col-form-label text-right">URL:</label>
                    <div class="col-sm-6">
                        <input class="form-control my-radius" placeholder="URL：/index/" id="edit-menu-url">
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">权重:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="权重：99" id="edit-menu-weight">
                    </div>
                </div>

                <div class="form-group row">
                    <label  class="col-sm-3 col-form-label text-right">状态:</label>
                    <div class="col-sm-6">
                        <div class="radio" style="margin-top: 8px">
                            <label style="margin-right: 20px"><input  name='edit-menu-status'  type="radio" value="true"> 显示</label>
                            <label ><input  name='edit-menu-status'  type="radio" value="false"> 隐藏</label>
                        </div>
                    </div>
                </div>

            </div>

            <div class="modal-footer color-gray">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info" id="edit-menu-sub">提交</button>
            </div>
        </div>
    </div>
</div>
<!--/修改-->



<!--图标-->
<div class="modal fade" id="IconModal" tabindex="-1" role="dialog" aria-labelledby="IconModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header color-back">
                <h6 class="modal-title pull-left" id="IconModalLabel">修改</h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;font-family: -webkit-pictograph;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <div id="chooseicon">
                    <ul class="list-inline">
                        <li data-font="adjust" data-toggle="tooltip" title="adjust">
                            <i class="fa fa-adjust"></i>
                        </li>

                        <li data-font="adn" data-toggle="tooltip" title="adn">
                            <i class="fa fa-adn"></i>
                        </li>

                        <li data-font="align-center" data-toggle="tooltip" title="align-center">
                            <i class="fa fa-align-center"></i>
                        </li>

                        <li data-font="align-justify" data-toggle="tooltip" title="align-justify">
                            <i class="fa fa-align-justify"></i>
                        </li>

                        <li data-font="align-left" data-toggle="tooltip" title="align-left">
                            <i class="fa fa-align-left"></i>
                        </li>

                        <li data-font="align-right" data-toggle="tooltip" title="align-right">
                            <i class="fa fa-align-right"></i>
                        </li>


                        <li data-font="angle-double-down" data-toggle="tooltip" title="" data-original-title="angle-double-down">
                            <i class="fa fa-angle-double-down"></i>
                        </li>

                        <li data-font="angle-double-left" data-toggle="tooltip" title="" data-original-title="angle-double-left">
                            <i class="fa fa-angle-double-left"></i>
                        </li>

                        <li data-font="angle-double-right" data-toggle="tooltip" title="angle-double-right">
                            <i class="fa fa-angle-double-right"></i>
                        </li>

                        <li data-font="angle-double-up" data-toggle="tooltip" title="angle-double-up">
                            <i class="fa fa-angle-double-up"></i>
                        </li>

                        <li data-font="angle-down" data-toggle="tooltip" title="angle-down">
                            <i class="fa fa-angle-down"></i>
                        </li>

                        <li data-font="angle-left" data-toggle="tooltip" title="angle-left">
                            <i class="fa fa-angle-left"></i>
                        </li>

                        <li data-font="angle-right" data-toggle="tooltip" title="angle-right">
                            <i class="fa fa-angle-right"></i>
                        </li>

                        <li data-font="angle-up" data-toggle="tooltip" title="angle-up">
                            <i class="fa fa-angle-up"></i>
                        </li>


                        <li data-font="area-chart" data-toggle="tooltip" title="area-chart">
                            <i class="fa fa-area-chart"></i>
                        </li>

                        <li data-font="arrow-circle-down" data-toggle="tooltip" title="" data-original-title="arrow-circle-down">
                            <i class="fa fa-arrow-circle-down"></i>
                        </li>

                        <li data-font="arrow-circle-left" data-toggle="tooltip" title="" data-original-title="arrow-circle-left">
                            <i class="fa fa-arrow-circle-left"></i>
                        </li>

                        <li data-font="arrow-circle-o-down" data-toggle="tooltip" title="" data-original-title="arrow-circle-o-down">
                            <i class="fa fa-arrow-circle-o-down"></i>
                        </li>

                        <li data-font="arrow-circle-o-left" data-toggle="tooltip" title="arrow-circle-o-left">
                            <i class="fa fa-arrow-circle-o-left"></i>
                        </li>

                        <li data-font="arrow-circle-o-right" data-toggle="tooltip" title="arrow-circle-o-right">
                            <i class="fa fa-arrow-circle-o-right"></i>
                        </li>

                        <li data-font="arrow-circle-o-up" data-toggle="tooltip" title="arrow-circle-o-up">
                            <i class="fa fa-arrow-circle-o-up"></i>
                        </li>

                        <li data-font="arrow-circle-right" data-toggle="tooltip" title="arrow-circle-right">
                            <i class="fa fa-arrow-circle-right"></i>
                        </li>

                        <li data-font="arrow-circle-up" data-toggle="tooltip" title="arrow-circle-up">
                            <i class="fa fa-arrow-circle-up"></i>
                        </li>

                        <li data-font="arrow-down" data-toggle="tooltip" title="" data-original-title="arrow-down">
                            <i class="fa fa-arrow-down"></i>
                        </li>

                        <li data-font="arrow-left" data-toggle="tooltip" title="arrow-left">
                            <i class="fa fa-arrow-left"></i>
                        </li>

                        <li data-font="arrow-right" data-toggle="tooltip" title="arrow-right">
                            <i class="fa fa-arrow-right"></i>
                        </li>

                        <li data-font="arrow-up" data-toggle="tooltip" title="arrow-up">
                            <i class="fa fa-arrow-up"></i>
                        </li>

                        <li data-font="arrows" data-toggle="tooltip" title="" data-original-title="arrows">
                            <i class="fa fa-arrows"></i>
                        </li>

                        <li data-font="arrows-alt" data-toggle="tooltip" title="" data-original-title="arrows-alt">
                            <i class="fa fa-arrows-alt"></i>
                        </li>

                        <li data-font="arrows-h" data-toggle="tooltip" title="" data-original-title="arrows-h">
                            <i class="fa fa-arrows-h"></i>
                        </li>

                        <li data-font="arrows-v" data-toggle="tooltip" title="" data-original-title="arrows-v">
                            <i class="fa fa-arrows-v"></i>
                        </li>

                        <li data-font="asterisk" data-toggle="tooltip" title="asterisk">
                            <i class="fa fa-asterisk"></i>
                        </li>

                        <li data-font="at" data-toggle="tooltip" title="at">
                            <i class="fa fa-at"></i>
                        </li>

                        <li data-font="audio-description" data-toggle="tooltip" title="audio-description">
                            <i class="fa fa-audio-description"></i>
                        </li>

                        <li data-font="backward" data-toggle="tooltip" title="backward">
                            <i class="fa fa-backward"></i>
                        </li>


                        <li data-font="bar-chart" data-toggle="tooltip" title="" data-original-title="bar-chart">
                            <i class="fa fa-bar-chart"></i>
                        </li>

                        <li data-font="bar-chart-o" data-toggle="tooltip" title="bar-chart-o">
                            <i class="fa fa-bar-chart-o"></i>
                        </li>

                        <li data-font="bars" data-toggle="tooltip" title="bars">
                            <i class="fa fa-bars"></i>
                        </li>


                        <li data-font="bell" data-toggle="tooltip" title="bell">
                            <i class="fa fa-bell"></i>
                        </li>

                        <li data-font="bell-o" data-toggle="tooltip" title="bell-o">
                            <i class="fa fa-bell-o"></i>
                        </li>


                        <li data-font="caret-down" data-toggle="tooltip" title="" data-original-title="caret-down">
                            <i class="fa fa-caret-down"></i>
                        </li>

                        <li data-font="caret-left" data-toggle="tooltip" title="" data-original-title="caret-left">
                            <i class="fa fa-caret-left"></i>
                        </li>

                        <li data-font="caret-right" data-toggle="tooltip" title="caret-right">
                            <i class="fa fa-caret-right"></i>
                        </li>


                        <li data-font="chain" data-toggle="tooltip" title="chain">
                            <i class="fa fa-chain"></i>
                        </li>

                        <li data-font="chain-broken" data-toggle="tooltip" title="chain-broken">
                            <i class="fa fa-chain-broken"></i>
                        </li>

                        <li data-font="check" data-toggle="tooltip" title="check">
                            <i class="fa fa-check"></i>
                        </li>

                        <li data-font="check-circle" data-toggle="tooltip" title="check-circle">
                            <i class="fa fa-check-circle"></i>
                        </li>

                        <li data-font="check-circle-o" data-toggle="tooltip" title="check-circle-o">
                            <i class="fa fa-check-circle-o"></i>
                        </li>

                        <li data-font="check-square" data-toggle="tooltip" title="check-square">
                            <i class="fa fa-check-square"></i>
                        </li>

                        <li data-font="check-square-o" data-toggle="tooltip" title="check-square-o">
                            <i class="fa fa-check-square-o"></i>
                        </li>

                        <li data-font="chevron-circle-down" data-toggle="tooltip" title="chevron-circle-down">
                            <i class="fa fa-chevron-circle-down"></i>
                        </li>

                        <li data-font="chevron-circle-left" data-toggle="tooltip" title="chevron-circle-left">
                            <i class="fa fa-chevron-circle-left"></i>
                        </li>

                        <li data-font="chevron-circle-right" data-toggle="tooltip" title="" data-original-title="chevron-circle-right">
                            <i class="fa fa-chevron-circle-right"></i>
                        </li>

                        <li data-font="chevron-circle-up" data-toggle="tooltip" title="chevron-circle-up">
                            <i class="fa fa-chevron-circle-up"></i>
                        </li>

                        <li data-font="chevron-down" data-toggle="tooltip" title="chevron-down">
                            <i class="fa fa-chevron-down"></i>
                        </li>

                        <li data-font="chevron-left" data-toggle="tooltip" title="chevron-left">
                            <i class="fa fa-chevron-left"></i>
                        </li>

                        <li data-font="chevron-right" data-toggle="tooltip" title="chevron-right">
                            <i class="fa fa-chevron-right"></i>
                        </li>

                        <li data-font="chevron-up" data-toggle="tooltip" title="chevron-up">
                            <i class="fa fa-chevron-up"></i>
                        </li>

                        <li data-font="child" data-toggle="tooltip" title="child">
                            <i class="fa fa-child"></i>
                        </li>

                        <li data-font="chrome" data-toggle="tooltip" title="chrome">
                            <i class="fa fa-chrome"></i>
                        </li>

                        <li data-font="circle" data-toggle="tooltip" title="circle">
                            <i class="fa fa-circle"></i>
                        </li>

                        <li data-font="circle-o" data-toggle="tooltip" title="circle-o">
                            <i class="fa fa-circle-o"></i>
                        </li>

                        <li data-font="circle-o-notch" data-toggle="tooltip" title="circle-o-notch">
                            <i class="fa fa-circle-o-notch"></i>
                        </li>

                        <li data-font="circle-thin" data-toggle="tooltip" title="circle-thin">
                            <i class="fa fa-circle-thin"></i>
                        </li>

                        <li data-font="clipboard" data-toggle="tooltip" title="clipboard">
                            <i class="fa fa-clipboard"></i>
                        </li>

                        <li data-font="clock-o" data-toggle="tooltip" title="clock-o">
                            <i class="fa fa-clock-o"></i>
                        </li>

                        <li data-font="clone" data-toggle="tooltip" title="clone">
                            <i class="fa fa-clone"></i>
                        </li>

                        <li data-font="close" data-toggle="tooltip" title="close">
                            <i class="fa fa-close"></i>
                        </li>

                        <li data-font="cloud" data-toggle="tooltip" title="cloud">
                            <i class="fa fa-cloud"></i>
                        </li>

                        <li data-font="cloud-download" data-toggle="tooltip" title="cloud-download">
                            <i class="fa fa-cloud-download"></i>
                        </li>

                        <li data-font="cloud-upload" data-toggle="tooltip" title="cloud-upload">
                            <i class="fa fa-cloud-upload"></i>
                        </li>

                        <li data-font="cny" data-toggle="tooltip" title="cny">
                            <i class="fa fa-cny"></i>
                        </li>

                        <li data-font="code" data-toggle="tooltip" title="code">
                            <i class="fa fa-code"></i>
                        </li>

                        <li data-font="code-fork" data-toggle="tooltip" title="code-fork">
                            <i class="fa fa-code-fork"></i>
                        </li>


                        <li data-font="comment" data-toggle="tooltip" title="comment">
                            <i class="fa fa-comment"></i>
                        </li>

                        <li data-font="comment-o" data-toggle="tooltip" title="comment-o">
                            <i class="fa fa-comment-o"></i>
                        </li>

                        <li data-font="compress" data-toggle="tooltip" title="compress">
                            <i class="fa fa-compress"></i>
                        </li>

                        <li data-font="dashboard" data-toggle="tooltip" title="dashboard">
                            <i class="fa fa-dashboard"></i>
                        </li>

                        <li data-font="database" data-toggle="tooltip" title="database">
                            <i class="fa fa-database"></i>
                        </li>


                        <li data-font="desktop" data-toggle="tooltip" title="desktop">
                            <i class="fa fa-desktop"></i>
                        </li>


                        <li data-font="dollar" data-toggle="tooltip" title="dollar">
                            <i class="fa fa-dollar"></i>
                        </li>


                        <li data-font="download" data-toggle="tooltip" title="download">
                            <i class="fa fa-download"></i>
                        </li>

                        <li data-font="dribbble" data-toggle="tooltip" title="dribbble">
                            <i class="fa fa-dribbble"></i>
                        </li>



                        <li data-font="drupal" data-toggle="tooltip" title="" data-original-title="drupal">
                            <i class="fa fa-drupal"></i>
                        </li>

                        <li data-font="edge" data-toggle="tooltip" title="edge">
                            <i class="fa fa-edge"></i>
                        </li>

                        <li data-font="edit" data-toggle="tooltip" title="edit">
                            <i class="fa fa-edit"></i>
                        </li>

                        <li data-font="eercast" data-toggle="tooltip" title="eercast">
                            <i class="fa fa-eercast"></i>
                        </li>

                        <li data-font="eject" data-toggle="tooltip" title="eject">
                            <i class="fa fa-eject"></i>
                        </li>

                        <li data-font="ellipsis-h" data-toggle="tooltip" title="ellipsis-h">
                            <i class="fa fa-ellipsis-h"></i>
                        </li>

                        <li data-font="ellipsis-v" data-toggle="tooltip" title="ellipsis-v">
                            <i class="fa fa-ellipsis-v"></i>
                        </li>

                        <li data-font="empire" data-toggle="tooltip" title="empire">
                            <i class="fa fa-empire"></i>
                        </li>

                        <li data-font="envelope" data-toggle="tooltip" title="envelope">
                            <i class="fa fa-envelope"></i>
                        </li>

                        <li data-font="envelope-o" data-toggle="tooltip" title="envelope-o">
                            <i class="fa fa-envelope-o"></i>
                        </li>

                        <li data-font="envelope-open" data-toggle="tooltip" title="envelope-open">
                            <i class="fa fa-envelope-open"></i>
                        </li>

                        <li data-font="envelope-open-o" data-toggle="tooltip" title="envelope-open-o">
                            <i class="fa fa-envelope-open-o"></i>
                        </li>

                        <li data-font="envelope-square" data-toggle="tooltip" title="envelope-square">
                            <i class="fa fa-envelope-square"></i>
                        </li>

                        <li data-font="envira" data-toggle="tooltip" title="envira">
                            <i class="fa fa-envira"></i>
                        </li>

                        <li data-font="eraser" data-toggle="tooltip" title="eraser">
                            <i class="fa fa-eraser"></i>
                        </li>

                        <li data-font="etsy" data-toggle="tooltip" title="etsy">
                            <i class="fa fa-etsy"></i>
                        </li>

                        <li data-font="eur" data-toggle="tooltip" title="eur">
                            <i class="fa fa-eur"></i>
                        </li>

                        <li data-font="euro" data-toggle="tooltip" title="euro">
                            <i class="fa fa-euro"></i>
                        </li>

                        <li data-font="exchange" data-toggle="tooltip" title="exchange">
                            <i class="fa fa-exchange"></i>
                        </li>

                        <li data-font="exclamation" data-toggle="tooltip" title="exclamation">
                            <i class="fa fa-exclamation"></i>
                        </li>

                        <li data-font="exclamation-circle" data-toggle="tooltip" title="exclamation-circle">
                            <i class="fa fa-exclamation-circle"></i>
                        </li>

                        <li data-font="exclamation-triangle" data-toggle="tooltip" title="exclamation-triangle">
                            <i class="fa fa-exclamation-triangle"></i>
                        </li>

                        <li data-font="expand" data-toggle="tooltip" title="expand">
                            <i class="fa fa-expand"></i>
                        </li>

                        <li data-font="expeditedssl" data-toggle="tooltip" title="expeditedssl">
                            <i class="fa fa-expeditedssl"></i>
                        </li>

                        <li data-font="external-link" data-toggle="tooltip" title="external-link">
                            <i class="fa fa-external-link"></i>
                        </li>

                        <li data-font="external-link-square" data-toggle="tooltip" title="external-link-square">
                            <i class="fa fa-external-link-square"></i>
                        </li>

                        <li data-font="eye" data-toggle="tooltip" title="eye">
                            <i class="fa fa-eye"></i>
                        </li>

                        <li data-font="eye-slash" data-toggle="tooltip" title="eye-slash">
                            <i class="fa fa-eye-slash"></i>
                        </li>

                        <li data-font="eyedropper" data-toggle="tooltip" title="eyedropper">
                            <i class="fa fa-eyedropper"></i>
                        </li>

                        <li data-font="fa" data-toggle="tooltip" title="fa">
                            <i class="fa fa-fa"></i>
                        </li>

                        <li data-font="facebook" data-toggle="tooltip" title="facebook">
                            <i class="fa fa-facebook"></i>
                        </li>

                        <li data-font="facebook-f" data-toggle="tooltip" title="facebook-f">
                            <i class="fa fa-facebook-f"></i>
                        </li>

                        <li data-font="facebook-official" data-toggle="tooltip" title="facebook-official">
                            <i class="fa fa-facebook-official"></i>
                        </li>

                        <li data-font="facebook-square" data-toggle="tooltip" title="facebook-square">
                            <i class="fa fa-facebook-square"></i>
                        </li>

                        <li data-font="fast-backward" data-toggle="tooltip" title="fast-backward">
                            <i class="fa fa-fast-backward"></i>
                        </li>

                        <li data-font="fast-forward" data-toggle="tooltip" title="fast-forward">
                            <i class="fa fa-fast-forward"></i>
                        </li>



                        <li data-font="feed" data-toggle="tooltip" title="feed">
                            <i class="fa fa-feed"></i>
                        </li>



                        <li data-font="file" data-toggle="tooltip" title="file">
                            <i class="fa fa-file"></i>
                        </li>


                        <li data-font="file-audio-o" data-toggle="tooltip" title="file-audio-o">
                            <i class="fa fa-file-audio-o"></i>
                        </li>

                        <li data-font="file-code-o" data-toggle="tooltip" title="file-code-o">
                            <i class="fa fa-file-code-o"></i>
                        </li>

                        <li data-font="file-excel-o" data-toggle="tooltip" title="file-excel-o">
                            <i class="fa fa-file-excel-o"></i>
                        </li>

                        <li data-font="file-image-o" data-toggle="tooltip" title="file-image-o">
                            <i class="fa fa-file-image-o"></i>
                        </li>

                        <li data-font="file-movie-o" data-toggle="tooltip" title="file-movie-o">
                            <i class="fa fa-file-movie-o"></i>
                        </li>

                        <li data-font="file-o" data-toggle="tooltip" title="file-o">
                            <i class="fa fa-file-o"></i>
                        </li>

                        <li data-font="file-pdf-o" data-toggle="tooltip" title="file-pdf-o">
                            <i class="fa fa-file-pdf-o"></i>
                        </li>

                        <li data-font="file-photo-o" data-toggle="tooltip" title="file-photo-o">
                            <i class="fa fa-file-photo-o"></i>
                        </li>

                        <li data-font="file-picture-o" data-toggle="tooltip" title="file-picture-o">
                            <i class="fa fa-file-picture-o"></i>
                        </li>

                        <li data-font="file-powerpoint-o" data-toggle="tooltip" title="file-powerpoint-o">
                            <i class="fa fa-file-powerpoint-o"></i>
                        </li>

                        <li data-font="file-sound-o" data-toggle="tooltip" title="file-sound-o">
                            <i class="fa fa-file-sound-o"></i>
                        </li>

                        <li data-font="file-text" data-toggle="tooltip" title="file-text">
                            <i class="fa fa-file-text"></i>
                        </li>

                        <li data-font="file-text-o" data-toggle="tooltip" title="file-text-o">
                            <i class="fa fa-file-text-o"></i>
                        </li>

                        <li data-font="file-video-o" data-toggle="tooltip" title="file-video-o">
                            <i class="fa fa-file-video-o"></i>
                        </li>

                        <li data-font="file-word-o" data-toggle="tooltip" title="file-word-o">
                            <i class="fa fa-file-word-o"></i>
                        </li>

                        <li data-font="file-zip-o" data-toggle="tooltip" title="file-zip-o">
                            <i class="fa fa-file-zip-o"></i>
                        </li>

                        <li data-font="files-o" data-toggle="tooltip" title="files-o">
                            <i class="fa fa-files-o"></i>
                        </li>

                        <li data-font="fire" data-toggle="tooltip" title="fire">
                            <i class="fa fa-fire"></i>
                        </li>

                        <li data-font="firefox" data-toggle="tooltip" title="firefox">
                            <i class="fa fa-firefox"></i>
                        </li>


                        <li data-font="flag" data-toggle="tooltip" title="flag">
                            <i class="fa fa-flag"></i>
                        </li>

                        <li data-font="flag-o" data-toggle="tooltip" title="flag-o">
                            <i class="fa fa-flag-o"></i>
                        </li>

                        <li data-font="flash" data-toggle="tooltip" title="flash">
                            <i class="fa fa-flash"></i>
                        </li>


                        <li data-font="folder-open" data-toggle="tooltip" title="folder-open">
                            <i class="fa fa-folder-open"></i>
                        </li>

                        <li data-font="folder-open-o" data-toggle="tooltip" title="folder-open-o">
                            <i class="fa fa-folder-open-o"></i>
                        </li>

                        <li data-font="font" data-toggle="tooltip" title="font">
                            <i class="fa fa-font"></i>
                        </li>


                        <li data-font="forward" data-toggle="tooltip" title="forward">
                            <i class="fa fa-forward"></i>
                        </li>


                        <li data-font="free-code-camp" data-toggle="tooltip" title="free-code-camp">
                            <i class="fa fa-free-code-camp"></i>
                        </li>

                        <li data-font="gavel" data-toggle="tooltip" title="gavel">
                            <i class="fa fa-gavel"></i>
                        </li>


                        <li data-font="gear" data-toggle="tooltip" title="gear">
                            <i class="fa fa-gear"></i>
                        </li>

                        <li data-font="gears" data-toggle="tooltip" title="gears">
                            <i class="fa fa-gears"></i>
                        </li>

                        <li data-font="genderless" data-toggle="tooltip" title="genderless">
                            <i class="fa fa-genderless"></i>
                        </li>


                        <li data-font="gg" data-toggle="tooltip" title="gg">
                            <i class="fa fa-gg"></i>
                        </li>

                        <li data-font="gg-circle" data-toggle="tooltip" title="gg-circle">
                            <i class="fa fa-gg-circle"></i>
                        </li>

                        <li data-font="git" data-toggle="tooltip" title="git">
                            <i class="fa fa-git"></i>
                        </li>

                        <li data-font="github" data-toggle="tooltip" title="github">
                            <i class="fa fa-github"></i>
                        </li>


                        <li data-font="google" data-toggle="tooltip" title="google">
                            <i class="fa fa-google"></i>
                        </li>

                        <li data-font="google-plus" data-toggle="tooltip" title="google-plus">
                            <i class="fa fa-google-plus"></i>
                        </li>


                        <li data-font="h-square" data-toggle="tooltip" title="h-square">
                            <i class="fa fa-h-square"></i>
                        </li>


                        <li data-font="hdd-o" data-toggle="tooltip" title="hdd-o">
                            <i class="fa fa-hdd-o"></i>
                        </li>

                        <li data-font="header" data-toggle="tooltip" title="header">
                            <i class="fa fa-header"></i>
                        </li>

                        <li data-font="heart" data-toggle="tooltip" title="heart">
                            <i class="fa fa-heart"></i>
                        </li>

                        <li data-font="heart-o" data-toggle="tooltip" title="heart-o">
                            <i class="fa fa-heart-o"></i>
                        </li>

                        <li data-font="heartbeat" data-toggle="tooltip" title="heartbeat">
                            <i class="fa fa-heartbeat"></i>
                        </li>

                        <li data-font="history" data-toggle="tooltip" title="history">
                            <i class="fa fa-history"></i>
                        </li>

                        <li data-font="home" data-toggle="tooltip" title="home">
                            <i class="fa fa-home"></i>
                        </li>


                        <li data-font="hourglass-end" data-toggle="tooltip" title="hourglass-end">
                            <i class="fa fa-hourglass-end"></i>
                        </li>

                        <li data-font="hourglass-half" data-toggle="tooltip" title="hourglass-half">
                            <i class="fa fa-hourglass-half"></i>
                        </li>

                        <li data-font="hourglass-o" data-toggle="tooltip" title="hourglass-o">
                            <i class="fa fa-hourglass-o"></i>
                        </li>

                        <li data-font="hourglass-start" data-toggle="tooltip" title="hourglass-start">
                            <i class="fa fa-hourglass-start"></i>
                        </li>

                        <li data-font="image" data-toggle="tooltip" title="image">
                            <i class="fa fa-image"></i>
                        </li>


                        <li data-font="info" data-toggle="tooltip" title="info">
                            <i class="fa fa-info"></i>
                        </li>

                        <li data-font="info-circle" data-toggle="tooltip" title="info-circle">
                            <i class="fa fa-info-circle"></i>
                        </li>


                        <li data-font="internet-explorer" data-toggle="tooltip" title="internet-explorer">
                            <i class="fa fa-internet-explorer"></i>
                        </li>




                        <li data-font="key" data-toggle="tooltip" title="key">
                            <i class="fa fa-key"></i>
                        </li>



                        <li data-font="language" data-toggle="tooltip" title="language">
                            <i class="fa fa-language"></i>
                        </li>

                        <li data-font="laptop" data-toggle="tooltip" title="laptop">
                            <i class="fa fa-laptop"></i>
                        </li>

                        <li data-font="lastfm" data-toggle="tooltip" title="lastfm">
                            <i class="fa fa-lastfm"></i>
                        </li>



                        <li data-font="leaf" data-toggle="tooltip" title="leaf">
                            <i class="fa fa-leaf"></i>
                        </li>



                        <li data-font="legal" data-toggle="tooltip" title="legal">
                            <i class="fa fa-legal"></i>
                        </li>


                        <li data-font="level-down" data-toggle="tooltip" title="level-down">
                            <i class="fa fa-level-down"></i>
                        </li>

                        <li data-font="level-up" data-toggle="tooltip" title="level-up">
                            <i class="fa fa-level-up"></i>
                        </li>


                        <li data-font="line-chart" data-toggle="tooltip" title="line-chart">
                            <i class="fa fa-line-chart"></i>
                        </li>

                        <li data-font="link" data-toggle="tooltip" title="link">
                            <i class="fa fa-link"></i>
                        </li>

                        <li data-font="linkedin" data-toggle="tooltip" title="linkedin">
                            <i class="fa fa-linkedin"></i>
                        </li>

                        <li data-font="linkedin-square" data-toggle="tooltip" title="linkedin-square">
                            <i class="fa fa-linkedin-square"></i>
                        </li>



                        <li data-font="linux" data-toggle="tooltip" title="linux">
                            <i class="fa fa-linux"></i>
                        </li>

                        <li data-font="list" data-toggle="tooltip" title="list">
                            <i class="fa fa-list"></i>
                        </li>



                        <li data-font="list-ol" data-toggle="tooltip" title="list-ol">
                            <i class="fa fa-list-ol"></i>
                        </li>

                        <li data-font="list-ul" data-toggle="tooltip" title="list-ul">
                            <i class="fa fa-list-ul"></i>
                        </li>

                        <li data-font="location-arrow" data-toggle="tooltip" title="location-arrow">
                            <i class="fa fa-location-arrow"></i>
                        </li>

                        <li data-font="lock" data-toggle="tooltip" title="lock">
                            <i class="fa fa-lock"></i>
                        </li>

                        <li data-font="long-arrow-down" data-toggle="tooltip" title="long-arrow-down">
                            <i class="fa fa-long-arrow-down"></i>
                        </li>

                        <li data-font="long-arrow-left" data-toggle="tooltip" title="long-arrow-left">
                            <i class="fa fa-long-arrow-left"></i>
                        </li>

                        <li data-font="long-arrow-right" data-toggle="tooltip" title="long-arrow-right">
                            <i class="fa fa-long-arrow-right"></i>
                        </li>

                        <li data-font="long-arrow-up" data-toggle="tooltip" title="long-arrow-up">
                            <i class="fa fa-long-arrow-up"></i>
                        </li>

                        <li data-font="low-vision" data-toggle="tooltip" title="low-vision">
                            <i class="fa fa-low-vision"></i>
                        </li>


                        <li data-font="mail-forward" data-toggle="tooltip" title="mail-forward">
                            <i class="fa fa-mail-forward"></i>
                        </li>

                        <li data-font="mail-reply" data-toggle="tooltip" title="mail-reply">
                            <i class="fa fa-mail-reply"></i>
                        </li>


                        <li data-font="minus" data-toggle="tooltip" title="minus">
                            <i class="fa fa-minus"></i>
                        </li>

                        <li data-font="minus-circle" data-toggle="tooltip" title="minus-circle">
                            <i class="fa fa-minus-circle"></i>
                        </li>

                        <li data-font="minus-square" data-toggle="tooltip" title="minus-square">
                            <i class="fa fa-minus-square"></i>
                        </li>

                        <li data-font="mobile" data-toggle="tooltip" title="mobile">
                            <i class="fa fa-mobile"></i>
                        </li>

                        <li data-font="mobile-phone" data-toggle="tooltip" title="mobile-phone">
                            <i class="fa fa-mobile-phone"></i>
                        </li>


                        <li data-font="moon-o" data-toggle="tooltip" title="moon-o">
                            <i class="fa fa-moon-o"></i>
                        </li>


                        <li data-font="mouse-pointer" data-toggle="tooltip" title="mouse-pointer">
                            <i class="fa fa-mouse-pointer"></i>
                        </li>

                        <li data-font="music" data-toggle="tooltip" title="music">
                            <i class="fa fa-music"></i>
                        </li>

                        <li data-font="navicon" data-toggle="tooltip" title="navicon">
                            <i class="fa fa-navicon"></i>
                        </li>


                        <li data-font="paper-plane" data-toggle="tooltip" title="paper-plane">
                            <i class="fa fa-paper-plane"></i>
                        </li>

                        <li data-font="paper-plane-o" data-toggle="tooltip" title="paper-plane-o">
                            <i class="fa fa-paper-plane-o"></i>
                        </li>



                        <li data-font="pause" data-toggle="tooltip" title="pause">
                            <i class="fa fa-pause"></i>
                        </li>

                        <li data-font="pause-circle" data-toggle="tooltip" title="pause-circle">
                            <i class="fa fa-pause-circle"></i>
                        </li>

                        <li data-font="pause-circle-o" data-toggle="tooltip" title="pause-circle-o">
                            <i class="fa fa-pause-circle-o"></i>
                        </li>


                        <li data-font="pencil" data-toggle="tooltip" title="pencil">
                            <i class="fa fa-pencil"></i>
                        </li>

                        <li data-font="pencil-square" data-toggle="tooltip" title="pencil-square">
                            <i class="fa fa-pencil-square"></i>
                        </li>

                        <li data-font="pencil-square-o" data-toggle="tooltip" title="pencil-square-o">
                            <i class="fa fa-pencil-square-o"></i>
                        </li>

                        <li data-font="percent" data-toggle="tooltip" title="percent">
                            <i class="fa fa-percent"></i>
                        </li>

                        <li data-font="phone" data-toggle="tooltip" title="phone">
                            <i class="fa fa-phone"></i>
                        </li>

                        <li data-font="photo" data-toggle="tooltip" title="photo">
                            <i class="fa fa-photo"></i>
                        </li>

                        <li data-font="pie-chart" data-toggle="tooltip" title="pie-chart">
                            <i class="fa fa-pie-chart"></i>
                        </li>


                        <li data-font="plane" data-toggle="tooltip" title="plane">
                            <i class="fa fa-plane"></i>
                        </li>

                        <li data-font="play" data-toggle="tooltip" title="play">
                            <i class="fa fa-play"></i>
                        </li>

                        <li data-font="play-circle" data-toggle="tooltip" title="play-circle">
                            <i class="fa fa-play-circle"></i>
                        </li>

                        <li data-font="play-circle-o" data-toggle="tooltip" title="play-circle-o">
                            <i class="fa fa-play-circle-o"></i>
                        </li>

                        <li data-font="plug" data-toggle="tooltip" title="plug">
                            <i class="fa fa-plug"></i>
                        </li>

                        <li data-font="plus" data-toggle="tooltip" title="plus">
                            <i class="fa fa-plus"></i>
                        </li>

                        <li data-font="plus-circle" data-toggle="tooltip" title="plus-circle">
                            <i class="fa fa-plus-circle"></i>
                        </li>

                        <li data-font="plus-square" data-toggle="tooltip" title="plus-square">
                            <i class="fa fa-plus-square"></i>
                        </li>

                        <li data-font="plus-square-o" data-toggle="tooltip" title="plus-square-o">
                            <i class="fa fa-plus-square-o"></i>
                        </li>

                        <li data-font="power-off" data-toggle="tooltip" title="power-off">
                            <i class="fa fa-power-off"></i>
                        </li>

                        <li data-font="qq" data-toggle="tooltip" title="qq">
                            <i class="fa fa-qq"></i>
                        </li>

                        <li data-font="question" data-toggle="tooltip" title="question">
                            <i class="fa fa-question"></i>
                        </li>

                        <li data-font="question-circle" data-toggle="tooltip" title="question-circle">
                            <i class="fa fa-question-circle"></i>
                        </li>

                        <li data-font="question-circle-o" data-toggle="tooltip" title="question-circle-o">
                            <i class="fa fa-question-circle-o"></i>
                        </li>

                        <li data-font="quora" data-toggle="tooltip" title="quora">
                            <i class="fa fa-quora"></i>
                        </li>

                        <li data-font="random" data-toggle="tooltip" title="random">
                            <i class="fa fa-random"></i>
                        </li>




                        <li data-font="refresh" data-toggle="tooltip" title="refresh">
                            <i class="fa fa-refresh"></i>
                        </li>

                        <li data-font="registered" data-toggle="tooltip" title="registered">
                            <i class="fa fa-registered"></i>
                        </li>

                        <li data-font="remove" data-toggle="tooltip" title="remove">
                            <i class="fa fa-remove"></i>
                        </li>

                        <li data-font="renren" data-toggle="tooltip" title="renren">
                            <i class="fa fa-renren"></i>
                        </li>

                        <li data-font="reorder" data-toggle="tooltip" title="reorder">
                            <i class="fa fa-reorder"></i>
                        </li>

                        <li data-font="repeat" data-toggle="tooltip" title="repeat">
                            <i class="fa fa-repeat"></i>
                        </li>

                        <li data-font="reply" data-toggle="tooltip" title="reply">
                            <i class="fa fa-reply"></i>
                        </li>


                        <li data-font="retweet" data-toggle="tooltip" title="retweet">
                            <i class="fa fa-retweet"></i>
                        </li>

                        <li data-font="rmb" data-toggle="tooltip" title="rmb">
                            <i class="fa fa-rmb"></i>
                        </li>

                        <li data-font="rotate-left" data-toggle="tooltip" title="rotate-left">
                            <i class="fa fa-rotate-left"></i>
                        </li>

                        <li data-font="rotate-right" data-toggle="tooltip" title="rotate-right">
                            <i class="fa fa-rotate-right"></i>
                        </li>


                        <li data-font="rss" data-toggle="tooltip" title="rss">
                            <i class="fa fa-rss"></i>
                        </li>

                        <li data-font="rss-square" data-toggle="tooltip" title="rss-square">
                            <i class="fa fa-rss-square"></i>
                        </li>

                        <li data-font="search" data-toggle="tooltip" title="search">
                            <i class="fa fa-search"></i>
                        </li>

                        <li data-font="search-minus" data-toggle="tooltip" title="search-minus">
                            <i class="fa fa-search-minus"></i>
                        </li>

                        <li data-font="search-plus" data-toggle="tooltip" title="search-plus">
                            <i class="fa fa-search-plus"></i>
                        </li>



                        <li data-font="send" data-toggle="tooltip" title="send">
                            <i class="fa fa-send"></i>
                        </li>

                        <li data-font="send-o" data-toggle="tooltip" title="send-o">
                            <i class="fa fa-send-o"></i>
                        </li>

                        <li data-font="server" data-toggle="tooltip" title="server">
                            <i class="fa fa-server"></i>
                        </li>

                        <li data-font="share" data-toggle="tooltip" title="share">
                            <i class="fa fa-share"></i>
                        </li>

                        <li data-font="share-alt" data-toggle="tooltip" title="share-alt">
                            <i class="fa fa-share-alt"></i>
                        </li>

                        <li data-font="share-alt-square" data-toggle="tooltip" title="share-alt-square">
                            <i class="fa fa-share-alt-square"></i>
                        </li>


                        <li data-font="sort-asc" data-toggle="tooltip" title="sort-asc">
                            <i class="fa fa-sort-asc"></i>
                        </li>

                        <li data-font="sort-desc" data-toggle="tooltip" title="sort-desc">
                            <i class="fa fa-sort-desc"></i>
                        </li>

                        <li data-font="sort-down" data-toggle="tooltip" title="sort-down">
                            <i class="fa fa-sort-down"></i>
                        </li>

                        <li data-font="sort-numeric-asc" data-toggle="tooltip" title="sort-numeric-asc">
                            <i class="fa fa-sort-numeric-asc"></i>
                        </li>

                        <li data-font="sort-numeric-desc" data-toggle="tooltip" title="sort-numeric-desc">
                            <i class="fa fa-sort-numeric-desc"></i>
                        </li>

                        <li data-font="sort-up" data-toggle="tooltip" title="sort-up">
                            <i class="fa fa-sort-up"></i>
                        </li>

                        <li data-font="star" data-toggle="tooltip" title="star">
                            <i class="fa fa-star"></i>
                        </li>

                        <li data-font="star-half" data-toggle="tooltip" title="star-half">
                            <i class="fa fa-star-half"></i>
                        </li>

                        <li data-font="star-half-empty" data-toggle="tooltip" title="star-half-empty">
                            <i class="fa fa-star-half-empty"></i>
                        </li>

                        <li data-font="star-half-full" data-toggle="tooltip" title="star-half-full">
                            <i class="fa fa-star-half-full"></i>
                        </li>

                        <li data-font="star-half-o" data-toggle="tooltip" title="star-half-o">
                            <i class="fa fa-star-half-o"></i>
                        </li>

                        <li data-font="star-o" data-toggle="tooltip" title="star-o">
                            <i class="fa fa-star-o"></i>
                        </li>


                        <li data-font="step-backward" data-toggle="tooltip" title="step-backward">
                            <i class="fa fa-step-backward"></i>
                        </li>

                        <li data-font="step-forward" data-toggle="tooltip" title="step-forward">
                            <i class="fa fa-step-forward"></i>
                        </li>
                        <li data-font="table" data-toggle="tooltip" title="table">
                            <i class="fa fa-table"></i>
                        </li>


                        <li data-font="tablet" data-toggle="tooltip" title="tablet">
                            <i class="fa fa-tablet"></i>
                        </li>

                        <li data-font="tachometer" data-toggle="tooltip" title="tachometer">
                            <i class="fa fa-tachometer"></i>
                        </li>

                        <li data-font="tag" data-toggle="tooltip" title="tag">
                            <i class="fa fa-tag"></i>
                        </li>

                        <li data-font="tags" data-toggle="tooltip" title="tags">
                            <i class="fa fa-tags"></i>
                        </li>

                        <li data-font="tasks" data-toggle="tooltip" title="tasks">
                            <i class="fa fa-tasks"></i>
                        </li>


                        <li data-font="telegram" data-toggle="tooltip" title="telegram">
                            <i class="fa fa-telegram"></i>
                        </li>

                        <li data-font="television" data-toggle="tooltip" title="television">
                            <i class="fa fa-television"></i>
                        </li>

                        <li data-font="tencent-weibo" data-toggle="tooltip" title="tencent-weibo">
                            <i class="fa fa-tencent-weibo"></i>
                        </li>

                        <li data-font="terminal" data-toggle="tooltip" title="terminal">
                            <i class="fa fa-terminal"></i>
                        </li>

                        <li data-font="text-height" data-toggle="tooltip" title="text-height">
                            <i class="fa fa-text-height"></i>
                        </li>

                        <li data-font="text-width" data-toggle="tooltip" title="text-width">
                            <i class="fa fa-text-width"></i>
                        </li>

                        <li data-font="th" data-toggle="tooltip" title="th">
                            <i class="fa fa-th"></i>
                        </li>

                        <li data-font="th-large" data-toggle="tooltip" title="th-large">
                            <i class="fa fa-th-large"></i>
                        </li>

                        <li data-font="th-list" data-toggle="tooltip" title="th-list">
                            <i class="fa fa-th-list"></i>
                        </li>



                        <li data-font="times" data-toggle="tooltip" title="times">
                            <i class="fa fa-times"></i>
                        </li>

                        <li data-font="times-circle" data-toggle="tooltip" title="times-circle">
                            <i class="fa fa-times-circle"></i>
                        </li>

                        <li data-font="times-circle-o" data-toggle="tooltip" title="times-circle-o">
                            <i class="fa fa-times-circle-o"></i>
                        </li>

                        <li data-font="times-rectangle" data-toggle="tooltip" title="times-rectangle">
                            <i class="fa fa-times-rectangle"></i>
                        </li>

                        <li data-font="times-rectangle-o" data-toggle="tooltip" title="times-rectangle-o">
                            <i class="fa fa-times-rectangle-o"></i>
                        </li>

                        <li data-font="tint" data-toggle="tooltip" title="tint">
                            <i class="fa fa-tint"></i>
                        </li>


                        <li data-font="toggle-off" data-toggle="tooltip" title="toggle-off">
                            <i class="fa fa-toggle-off"></i>
                        </li>

                        <li data-font="toggle-on" data-toggle="tooltip" title="toggle-on">
                            <i class="fa fa-toggle-on"></i>
                        </li>


                        <li data-font="tv" data-toggle="tooltip" title="tv">
                            <i class="fa fa-tv"></i>
                        </li>

                        <li data-font="twitch" data-toggle="tooltip" title="twitch">
                            <i class="fa fa-twitch"></i>
                        </li>


                        <li data-font="umbrella" data-toggle="tooltip" title="umbrella">
                            <i class="fa fa-umbrella"></i>
                        </li>

                        <li data-font="underline" data-toggle="tooltip" title="underline">
                            <i class="fa fa-underline"></i>
                        </li>

                        <li data-font="undo" data-toggle="tooltip" title="undo">
                            <i class="fa fa-undo"></i>
                        </li>


                        <li data-font="unlink" data-toggle="tooltip" title="unlink">
                            <i class="fa fa-unlink"></i>
                        </li>

                        <li data-font="unlock" data-toggle="tooltip" title="unlock">
                            <i class="fa fa-unlock"></i>
                        </li>

                        <li data-font="unlock-alt" data-toggle="tooltip" title="unlock-alt">
                            <i class="fa fa-unlock-alt"></i>
                        </li>

                        <li data-font="unsorted" data-toggle="tooltip" title="unsorted">
                            <i class="fa fa-unsorted"></i>
                        </li>

                        <li data-font="upload" data-toggle="tooltip" title="upload">
                            <i class="fa fa-upload"></i>
                        </li>

                        <li data-font="usb" data-toggle="tooltip" title="usb">
                            <i class="fa fa-usb"></i>
                        </li>

                        <li data-font="usd" data-toggle="tooltip" title="usd">
                            <i class="fa fa-usd"></i>
                        </li>

                        <li data-font="user" data-toggle="tooltip" title="user">
                            <i class="fa fa-user"></i>
                        </li>

                        <li data-font="user-circle" data-toggle="tooltip" title="user-circle">
                            <i class="fa fa-user-circle"></i>
                        </li>



                        <li data-font="user-o" data-toggle="tooltip" title="user-o">
                            <i class="fa fa-user-o"></i>
                        </li>

                        <li data-font="user-plus" data-toggle="tooltip" title="user-plus">
                            <i class="fa fa-user-plus"></i>
                        </li>


                        <li data-font="vcard" data-toggle="tooltip" title="vcard">
                            <i class="fa fa-vcard"></i>
                        </li>

                        <li data-font="vcard-o" data-toggle="tooltip" title="vcard-o">
                            <i class="fa fa-vcard-o"></i>
                        </li>


                        <li data-font="volume-up" data-toggle="tooltip" title="volume-up">
                            <i class="fa fa-volume-up"></i>
                        </li>

                        <li data-font="warning" data-toggle="tooltip" title="warning">
                            <i class="fa fa-warning"></i>
                        </li>

                        <li data-font="wechat" data-toggle="tooltip" title="wechat">
                            <i class="fa fa-wechat"></i>
                        </li>

                        <li data-font="weibo" data-toggle="tooltip" title="weibo">
                            <i class="fa fa-weibo"></i>
                        </li>

                        <li data-font="weixin" data-toggle="tooltip" title="weixin">
                            <i class="fa fa-weixin"></i>
                        </li>

                        <li data-font="whatsapp" data-toggle="tooltip" title="whatsapp">
                            <i class="fa fa-whatsapp"></i>
                        </li>

                        <li data-font="wheelchair" data-toggle="tooltip" title="wheelchair">
                            <i class="fa fa-wheelchair"></i>
                        </li>

                        <li data-font="wheelchair-alt" data-toggle="tooltip" title="wheelchair-alt">
                            <i class="fa fa-wheelchair-alt"></i>
                        </li>

                        <li data-font="wifi" data-toggle="tooltip" title="wifi">
                            <i class="fa fa-wifi"></i>
                        </li>

                        <li data-font="wikipedia-w" data-toggle="tooltip" title="wikipedia-w">
                            <i class="fa fa-wikipedia-w"></i>
                        </li>

                        <li data-font="window-close" data-toggle="tooltip" title="window-close">
                            <i class="fa fa-window-close"></i>
                        </li>

                        <li data-font="window-close-o" data-toggle="tooltip" title="window-close-o">
                            <i class="fa fa-window-close-o"></i>
                        </li>

                        <li data-font="window-maximize" data-toggle="tooltip" title="window-maximize">
                            <i class="fa fa-window-maximize"></i>
                        </li>

                        <li data-font="window-minimize" data-toggle="tooltip" title="window-minimize">
                            <i class="fa fa-window-minimize"></i>
                        </li>

                        <li data-font="window-restore" data-toggle="tooltip" title="window-restore">
                            <i class="fa fa-window-restore"></i>
                        </li>

                        <li data-font="windows" data-toggle="tooltip" title="windows">
                            <i class="fa fa-windows"></i>
                        </li>

                        <li data-font="wrench" data-toggle="tooltip" title="wrench">
                            <i class="fa fa-wrench"></i>
                        </li>


                        <li data-font="yahoo" data-toggle="tooltip" title="yahoo">
                            <i class="fa fa-yahoo"></i>
                        </li>

                        <li data-font="yc" data-toggle="tooltip" title="yc">
                            <i class="fa fa-yc"></i>
                        </li>

                        <li data-font="yc-square" data-toggle="tooltip" title="yc-square">
                            <i class="fa fa-yc-square"></i>
                        </li>

                    </ul>
                </div>


            </div>

            <div class="modal-footer color-gray">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info" id="edit-menu-sub">提交</button>
            </div>
        </div>
    </div>
</div>



<!--/模态框-->

